<template lang="pug">
    .login
        vue-particles().vue-particles
        h3
            p 我们更加高效
            p 但,不仅于此
            div
                button(@click="login()") 登入
</template>

<script>
export default {
  name: "login",
  methods: {
    // 单击登入按钮
    login() {
      this.$router.push({ path: "/home" });
    }
  }
};
</script>

<style scoped lang="stylus">
    .login
        background url("../../assets/img/login/login-background.jpg") no-repeat
        background-size cover
        display flex
        align-items center
        justify-content center
        color: white
        position fixed
        left:0
        right:0
        bottom 0
        top:0
        z-index 1
        .vue-particles
            position absolute
            height 100%
            width 100%
        h3
            z-index 1
            width 200px
            div
                input
                    padding 5px
            div
                margin-top 20px
                button
                    color: white
                    cursor pointer
                    outline none
                    border none
                    background-color #57a3f3
                    transition-duration 1s
                    width 100%
                    height 35px
                    border-radius 5px
                    &:hover
                        background-color #93E1F3
                    &:active
                        background-color #2d8cf0
</style>
